<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp" %>
<html>
<head>
    <title>一级类目管理</title>
    <meta name="decorator" content="ani"/>
    <%@ include file="/webpage/include/bootstraptable.jsp" %>
    <script>
        var category = '${category}';
    </script>
    <%@ include file="category.js" %>
    <style>
        #left {
            -webkit-transition: width 0.5s;
            transition: width 0.5s;
        }
    </style>

</head>
<body>
<div class="wrapper wrapper-content">
    <div class="panel panel-primary">
        <div class="panel-heading">
            <h3 class="panel-title">字典列表</h3>
        </div>
        <div class="panel-body">
            <div class="row">
                <div id="left" class="col-sm-12">
                    <!-- 搜索 -->
                    <div class="accordion-group">
                        <div id="collapseTwo" class="accordion-body collapse">
                            <div class="accordion-inner">
                                <form id="searchForm" class="form form-horizontal well clearfix">
                                    <div class="col-xs-12 col-sm-6 col-md-4">
                                        <label class="label-item single-overflow pull-left" title="类型：">类型：</label>
                                        <input id="type" name="type" class="form-control m-b"/>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-4">
                                        <label class="label-item single-overflow pull-left" title="描述">描述：</label>
                                        <input id="description" name="description" class="form-control m-b"/>
                                    </div>
                                    <div class="col-xs-12 col-sm-6 col-md-4">
                                        <div style="margin-top:26px">
                                            <a id="search" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i
                                                    class="fa fa-search"></i> 查询</a>
                                            <a id="reset" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i
                                                    class="fa fa-refresh"></i> 重置</a>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>

                    <!-- 工具栏 -->
                    <div id="toolbar">
                        <%--<shiro:hasPermission name="sys:dict:add">
                            <a id="add" class="btn btn-primary"  onclick="add()"><i class="glyphicon glyphicon-plus"></i> 新建</a>
                        </shiro:hasPermission>
                        <shiro:hasPermission name="sys:dict:edit">
                            <button id="edit" class="btn btn-success" disabled onclick="edit()">
                                <i class="glyphicon glyphicon-edit"></i> 修改
                            </button>
                        </shiro:hasPermission>
                        <shiro:hasPermission name="sys:dict:del">
                            <button id="remove" class="btn btn-danger" disabled onclick="del()">
                                <i class="glyphicon glyphicon-remove"></i> 删除
                            </button>
                        </shiro:hasPermission>
                        <a class="accordion-toggle btn btn-default " data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
                            <i class="fa fa-search"></i> 检索
                        </a>--%>
                    </div><!-- 工具栏结束 -->

                    <!-- 表格 -->
                    <table id="table"
                           data-toolbar="#toolbar"
                           data-id-field="id">
                    </table>

                    <!-- context menu -->
                    <ul id="context-menu" class="dropdown-menu">
                        <li data-item="edit"><a>编辑</a></li>
                        <li data-item="delete"><a>删除</a></li>
                        <li data-item="action1"><a>取消</a></li>
                    </ul>
                </div>

                <div id="right" class="panel panel-default col-sm-6" style="display:none">
                    <div class="panel-heading">
                        <h3 class="panel-title"><label>键值列表，所属类型: </label><font id="dictTypeLabel"></font><input
                                type="hidden" id="dictTypeId"/></h3>
                    </div>
                    <div class="panel-body">
                        <div id="dictValueToolbar">
                            <button id="dictValueButton" class="btn btn-outline btn-primary" title="添加键值"><i
                                    class="fa fa-plus-circle"></i> 添加键值
                            </button>
                        </div>
                        <!-- 表格 -->
                        <table id="dictValueTable"
                               data-toolbar="#dictValueToolbar"
                               data-id-field="id">
                        </table>

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

</body>
</html>